<!DOCTYPE html>
<html>
<head>
    <title>研习社 {$site_name}</title>
    <meta name="keywords" content="日新圆桌 日新分享课 日新研习社"/>
    <meta name="description" content="日新网—让新生活更近一点，让科技落地更从容一点。旗下拥有创新行业资讯日新网、
            创新专业培训日新研习社、创新企业孵化成长日新商脉三款产品，以住宅、商业地产、
            写字楼等不同业态物业经营的增效减能与增值创新以及服务标准化、
            物业智能化、信息化等策略方向的创新为主要研究内容，共同助力日新网成为物业行业创新风向标。">
    <meta name="author" content="rixin">
    <meta name="referrer" content="origin">
    <tc_include file="Public:head"/>
    <style>
        html {
            font-size: 100px;
        }
        body {
            padding-top: 56px!important;
        }
        .container_nav{
            width: 1400px!important;
        }
        .main {
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            position: relative;
        }
        .main .bg-img{
            display: block;
            width: 100%;
        }
        .main .icon {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 4.26rem;
            height: 1.12rem;
            background:url("/public/images/yxs_lesson/btn_color.png") center no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            margin-left: -2.13rem;
            cursor: pointer;

        }
        .main .icon2 {
            background:url("/public/images/yxs_lesson/btn.png") center no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .main .sign-code {
            position: absolute;
            top: -2.6rem;
            left: 50%;
            width: 2.2rem;
            padding: 10px 10px 0 ;
            margin-left: -1.1rem;
            border: 1px solid #a5a5a5;
            display: none;
            text-align: center;
            background-color: #fff;
        }
        .main .sign-code .tip-text {
            font-size: 12px;
            color: #333;
            line-height: 18px;
            margin: 4px 0 ;
        }
        .main .sign-code img {
            width: 2rem;
            height: 2rem;
            padding: 5px;
        }
    </style>
</head>
<body class="body-white">
<tc_include file="Public:nav"/>
<div class="main">
    <img class="bg-img" src="/public/images/yxs_lesson/yxs_01.jpg" alt="">
    <!--点击按钮-->
    <div class="icon">
        <div class="sign-code">
            <img src="/public/images/yxs_lesson/cscode.png" alt="">
            <p class="tip-text">打开微信"扫一扫"&nbsp;&nbsp;进入报名页面</p>
        </div>
    </div>
</div>
<div class="main">
    <img class="bg-img" src="/public/images/yxs_lesson/yxs_02.jpg" alt="">
    <div class="icon icon2">
        <div class="sign-code">
            <img src="/public/images/yxs_lesson/cscode.png" alt="">
            <p class="tip-text">打开微信"扫一扫"&nbsp;&nbsp;进入报名页面</p>
        </div>
    </div>
</div>
<div class="main">
    <img class="bg-img" src="/public/images/yxs_lesson/yxs_03.jpg" alt="">
    <div class="icon">
        <div class="sign-code">
            <img src="/public/images/yxs_lesson/cscode.png" alt="">
            <p class="tip-text">打开微信"扫一扫"&nbsp;&nbsp;进入报名页面</p>
        </div>
    </div>
</div>
<div class="main">
    <img class="bg-img" src="./public/images/yxs_lesson/yxs_04.jpg" alt="">
    <div class="icon icon2">
        <div class="sign-code">
            <img src="/public/images/yxs_lesson/cscode.png" alt="">
            <p class="tip-text">打开微信"扫一扫"&nbsp;&nbsp;进入报名页面</p>
        </div>
    </div>
</div>
<div class="main" style="margin-bottom: -60px;">
    <img class="bg-img" src="./public/images/yxs_lesson/yxs_05.jpg" alt="">
</div>
<tc_include file="Public:footer"/>

<tc_include file="Public:scripts"/>
<script src="/public/js/jquery.js"></script>
<script>
    //动态调整rem值,除以100
    (function () {
        function setsize() {
            var winWidthSize = document.documentElement.clientWidth;
            var _html = document.getElementsByTagName('html')[0];
            _html.style.fontSize =winWidthSize / 1920* 100+ 'px';
            console.log(winWidthSize,winWidthSize / 1920* 100+ 'px');
        }
        window.addEventListener('resize', setsize);
        setsize();
    })();
</script>
<script>
    // 点击弹出二维码
    $(function () {
        $(".icon").each(function (index,value) {
            $(this).mouseenter(function () {
                $(value).find(".sign-code").show();
            }).mouseleave(function () {
                $(value).find(".sign-code").hide();
            });
        })
    })
</script>
</body>
</html>